<ion-view id="index">
	<ion-content>
		<div class="index-div">
			<div class="row">
			<div class="col">
				<div class="inlineBlock whiteColor" style="padding: 5px 15px;border-right:1px solid white;">
					<h1 class="whiteColor">16:13</h1>
					<center>9/20 周二</center>
				</div>
				<div class="inlineBlock whiteColor" style="padding:5px 15px; text-align: center;">
					<img ng-src="{{indexCtrl.weatherInfo.dayPictureUrl}}" style='width:44px; margin-bottom: 8px;'>
					<center>{{indexCtrl.weatherInfo.weather}} {{indexCtrl.weatherInfo.temperature}}</center>
				</div>
			</div>

			<div class=" col index-header-right">
				<img src="img/message.png" style="width:10%" ng-click="goNewPage('message');">
				<span ng-click="goNewPage('message');">（{{indexCtrl.statisticInfo.draftsNum}}）</span>
                 &nbsp;&nbsp;
				<img src="img/draf_icon.png" style="width:10%" ng-click="goNewPage('workPlatform');">
				<span ng-click="goNewPage('workPlatform');">（{{indexCtrl.statisticInfo.messageNum}}）</span>				
			</div>
		</div>
		<div class="row">
			<div class="col col-25 textCenter">
				<img src="img/index01.png" ng-click="goNewPage('checkTableRecord',{tableType:4})"></div>
			<div class="col col-25 textCenter">
				<img src="img/index02.png" ng-click="goNewPage('checkTableRecord',{tableType:5})"></div>
			<div class="col col-25 textCenter">
				<img src="img/index03.png" ng-click="goNewPage('checkTableRecord',{tableType:6})"></div>
			<div class="col col-25 textCenter">
				<img src="img/index04.png" ng-click="goNewPage('checkTableRecord',{tableType:7})"></div>
		</div>
		<div class="row">
			<div class="col col-25 textCenter">
				<img src="img/index05.png" ng-click="goNewPage('checkTableRecord',{tableType:8})"></div>
			<div class="col col-25 textCenter">
				<img src="img/index06.png" ng-click="goNewPage('checkTableRecord',{tableType:9})"></div>
			<div class="col col-25 textCenter">
				<img src="img/index07.png" ng-click="goNewPage('checkTableRecord',{tableType:10})"></div>
			<div class="col col-25 textCenter">
				<img src="img/index08.png" ng-click="goNewPage('workPlatform')"></div>
		</div>
	</div>
</ion-content>
</ion-view>

<style type="text/css">
	#index {
		background:url('img/index-bg.png');
		background-size: 100% 100%;
	}
	#index .index-div {
		width: 100%;
		padding: 20px 50px;
	}
	#index .col-25 img {
		width: 100%;
	}
	#index .person-info-item{
		font-size: 16px;
		color: white;
		padding: 5px 0;
		text-align: left;
	}
	#index .row {
    	margin-bottom: 10px;
	}

	#index .col {
	    padding: 0 15px;
	    align-self: center;
	}

	#index .index-header-right {
        justify-content: flex-end;
		display:flex;
		align-items:center;
		font-size: x-large;
        font-weight: bold;
        color: white;
	}
</style>